*{box-sizing: border-box;}

.clear-fix { *overflow: hidden; *zoom: 1; }

.clear-fix:after { display: table; content: ""; width: 0; clear: both; }

.main_b{margin: 0 auto;width: 1150px;zoom: 1;position: relative;}

.product-div{min-height:500px;}

.main_b:after{content: '';display: block;clear: both;}

.main_c{margin: 0 auto;width: 1300px;zoom: 1;position: relative;}

.main_c:after{content: '';display: block;clear: both;}

header{height: 80px;box-shadow: 0 0 5px #CCCCCC;position: relative;z-index: 10;}

.logo{position: absolute;top: 10px;}

.title{position:absolute;top: 10px;left: 110px;}

.title img{ width:400px}

.lang-div{float: right;line-height: 82px;margin-left: 23px;}

.menu{float: right;line-height: 82px;left: -20px;}

.menu>li{float: left;height: 82px;font-size: 14px;=: 0px}

.menu>li>a{color:#3156a3;height: 40px;display:  block;text-align:  center;line-height: 40px;margin-top: 20px;font-weight: bold;font-size: 15px;margin: 20px 15px 0 10px;padding: 0 8px 0 8px;font-family:  黑体;}

.zi-menu{display:none;/* width: calc(100% + 800px); */position: absolute;z-index:10;/* left: -400px; */top: 82px;/* background: url(../images/tm80.png); */text-align: center;border-top: 1px solid #CCCCCC;background:  #fff;margin-left: -10px;box-shadow: 1px 1px 1px 1px #c1c1c1;}

.zi-menu a{width: 150px;height: 40px;line-height: 40px;/* padding-left:40px; */color: #3255a6;display:  block;margin-left: 0px;}

.zi-menu a:hover{color: #fff; background:#3156a3}

.menu li:hover >a{color: #fff; background:#3156a3}

.banner_div{position: relative;z-index: 9;}

.h-news-item{border-bottom: 1px solid #ededed;}

.txtScroll-top{ padding-left:130px;width:100%;  overflow:hidden; position:relative; line-height: 45px;  }

.txtScroll-head{position:absolute;top:0;left:0;width:130px;font-size: 14px;color: #3156a3;font-weight: bold;padding-left: 30px;background: url(../images/icon_sound.png) no-repeat left center;}

.txtScroll-top .hd{ }

.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:24px; height:24px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

	 cursor:pointer; background:url("../images/icoUp.gif") no-repeat;}

.txtScroll-top .hd .prev{background:url(../images/icon_arrow01.png) no-repeat center center;  }

.txtScroll-top .hd .next{ background:url(../images/icon_arrow.png) no-repeat center center;  }

.txtScroll-top .hd .prev:hover{ background:#3156a3 url(../images/icon_a01.png) no-repeat center center; }

.txtScroll-top .hd .next:hover{ background:#3156a3 url(../images/icon_a.png) no-repeat center center; }

.txtScroll-top .bd{}

.txtScroll-top .infoList li{ height:45px; line-height:45px;   }

.txtScroll-top .infoList li .date{ float:right; color:#999;  }

.txtScroll-top .infoList li a{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index-about{width: 100%;background: #f8f8f8;padding: 44px 0;position: relative;}

.about-box{height: 190px;background: #FFFFFF;box-shadow: 0 0 3px #efefef;width: 420px;float: left;padding: 10px 20px;}

.about-box-head{font-size: 14px;color: #3156a3;font-weight: bold;border-bottom: 2px solid #dadada;line-height: 30px;height: 30px;}

.about-box-head span.more i{display:inline-block;vertical-align:middle;color: #fff;background: url(../images/icon_add.png) no-repeat center center;width: 18px;height: 18px;}

.about-box-head span.more{font-family: "宋体";color: #3156A3;font-weight: normal;font-size: 12px;float: right;display: block;}

.about-box-head span.span-l{height:30px;padding-left: 24px;background: url(../images/icon_earth.png) no-repeat left center ;display: block;float: left;padding-right: 20px;border-bottom: 2px solid #3156A3;}

.about-box-con{line-height: 24px;font-size: 12px;color: #666;font-family: "宋体";height: 120px;margin-top: 12px;overflow: hidden;text-indent: 24px;}

.show-box{position:relative;width: 260px;height:190px;float: left;margin-left: 24px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.show-box a:hover .posi{ opacity:0.3}

.posi{position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;background: url(../images/tm50.png); width: 100%;color: #fff;text-align: center;}

.show-box img{width: 100%;transform: scale(1.0);transition: all .5s ease;border-radius: 30px;}

.show-box:hover img{transform: scale(1.2);transition: all .5s ease;}

.show-box.show-box02{float: right;width: 260px;}

.show-box-in{position: relative;display: block;width: 100%;height: 100%;}

.nav{display: none;cursor:pointer;padding-left:10px;padding-top:10px;position:absolute;width: 40px;height: 40px;top: 25px;right: 30px;text-align:center;background: #0084b5;border-radius: 6px;}

.nav span { display: block; margin: 6px 0;width: 20px; height: 2px; background: #FFFFFF; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.nav.active span:nth-child(1) {background: #FFFFFF; transform-origin: top left; -webkit-transform-origin: top left; transform: translate3d(5px, -3px, 0) rotate(45deg); -webkit-transform: translate3d(5px,-3px, 0) rotate(45deg);transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  }

.nav.active span:nth-child(2) { background: #FFFFFF;transform-origin: bottom left; -webkit-transform-origin: bottom left; transform: translate3d(5px, 3px, 0) rotate(45deg); -webkit-transform: translate3d(5px, 3px, 0) rotate(-45deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.nav.active{background: #aaa;}

.text-over{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

footer{background: #3156A3;color: #FFFFFF;padding: 17px 0;}

.foot-a{float: left;font-size:14px;width: 80%;margin:0 auto;padding-top: 20px;}

.foot-a a{color: #FFFFFF;margin: 0 10px;}

.foot-b{float:left;width: 80%;margin-top: 10px;}

.foot-b span{ font-size:14px; color:#FFF; margin-left:10px; margin-right:10px}

.foot-b span a{ color:#FFF; font-size:14px;}

.foot-c{
    width: 19%;
    float: right;
    position: relative;
    margin-top: -38px;
}

.foot-c img{
    width: 50%;
}

.input-span {color: #333;height: 30px;line-height: 30px;width: 175px;background:#FFFFFF url(../images/icon_down.png) no-repeat 162px center;text-align: center;padding-right: 10px;}

.foot_text_r{position:relative;width: 175px;height: 20px;line-height:20px;display: inline-block;z-index: 12px;}

.sub{width: 175px;position: absolute;bottom: 20px;left: 0;display: none;}

.sub ul {margin: 0;padding: 0;list-style: none;border-bottom: none;background: #F5F5F5;}

.sub ul li a{color: #333;line-height:26px;height: 26px;display: block;padding-left: 15px;}

.sub ul li:hover a{	line-height: 26px;height: 26px;background: #0574D0;color: #FFFFFF;}

.yq_link{float:left;display: block;position: relative;z-index: 10;margin-top: -3px;}

.input-span.on{background:#FFFFFF url(../images/icon_top.png) no-repeat 162px center;}

.index-pic img{width: 100%;}

.case-div{width: 100%;}

.head{text-align: center;padding: 55px 0;}

.c-head{font-size: 24px;color: #070707;line-height: 40px;width: 50%;/* text-align: center; */}

.sub-head{font-size: 12px;color: #c7c7c7;text-transform: uppercase;}

.head .xxy-head{font-size: 18px;color: #666666;}

.case-xxy{border-top: 1px solid #eeeeee;font-size: 14px;color: #999999;line-height: 28px;padding: 20px 0 95px 0;min-height: 500px;}

.picbox{overflow: hidden;}

.picbox img{width: 100%;transform: scale(1.0);transition: all .5s ease;/* border:solid 1px #eeeeee; */}

.case-ul{margin-bottom: 10px;}

.case-ul li{width: 32%;margin-right: 2%;margin-bottom: 28px;overflow: hidden;float: left;}

.case-ul li:hover .picbox img,.product-ul li:hover .picbox img{transform: scale(1.2);transition: all .5s ease;}

.case-tex{position: relative;padding: 26px 0 24px 13px;font-size: 14px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.case-tex:before{display: block;content: " ";height: 15px;width: 5px;background: #3156A3;position: absolute;left: 0;top: 26px;}

.case-tex:after{display: block;content: " ";height: 1px;width: 100%;background: #3156A3;width: 100%;position: absolute;bottom: 0;left: -100%;transition: all .5s ease;}

.case-ul li:hover .case-tex:after{left: 0;transition: all .5s ease;}

.case-ul li:hover .case-tex{color: #3156A3;}



.ph_bar_head{display:none;width: 100%;padding:  10px;font-size: 14px;color: #FFFFFF;background: #3156A3;}

.left_bar_in{width: 180px;position: relative;z-index: 10;}

.left_bar_top{border-bottom: 1px solid #eeeeee;padding: 10px 0 5px 0;margin-bottom: 5px;}

.left_bar_ul_in{width: 100%;float: left;background: #0099cb;margin-top: 30px;}

.left_bar_ul_in li{font-size: 12px;/* margin-bottom: 10px; */}

.left_bar_ul_in li>a{border-bottom: 1px solid #e5e5e5;padding-left: 15px;display: block;height: 45px;line-height: 45px;color: #ffffff;font-size: 14px;/* box-shadow: -7px 1px 1px 1px #f8f8f8; */}

.left_bar_ul_in li>a:hover{background: url(../images/icon_line.jpg) no-repeat left center;}

.left_bar_ul_in li > a.active{background: url(../images/icon_line.jpg) no-repeat left center; }

.zi_bar_in{display: none;border-bottom: 1px solid #e5e5e5;}

.zi_bar_in a{height: 35px;line-height: 35px;padding-left: 30px;display: block;color: #666;font-size: 12px;background: url(../images/icon_sj03.png) no-repeat 35px center;}

.zi_bar_in a.active{color: #3156A3;}

.zi_bar_in a:hover{color: #3156A3;}

.right-all{width: 918px;float: right;margin-top: 15px;font-size: 15px;margin-bottom: 15px;}

.right-all p{
    font-size: 13px;
    line-height: 30px;
}

.product-ul{width: 100%;}

.product-ul li{width: 30%;margin-right: 3%;float: left;border: 2px solid #00bcd4;margin-top: 20px;height: 290px;box-shadow: 5px 5px 5px 1px #f8f8f8;}

.product-tex{padding: 15px 0 0 0;transition: all .5s ease;}

.product-tex .tex01{font-size: 14px;color: #317ac2;line-height: 24px;text-align:  center;}

.product-tex .tex02{font-size: 12px;color: #999;}





.alignC{text-align: center;}

.product-xxy-left{float: left;width: 50%;}

.product-xxy-left img{width: 100%;}

.product-xxy-right{float: right;width: 48%;}

.pro-con{color: #999;line-height: 26px;font-size: 12px;}

.pro-tit{color: #666;font-size: 18px;margin-bottom: 5px;}

.zp-div{margin-top: 20px;}

.zp-tit {border-top: 1px solid #CCCCCC;}

.zp-tit span{color: #ec8b49;border-top: 2px solid #ec8b49;font-size: 16px;display: inline-block;padding-top: 10px;}

.zp-atab{margin-top: 25px;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}

.zp-atab a{display: block;background:#fff;float: left;padding:15px 40px;font-size: 12px;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}

.zp-atab a.on{background: #3156A3;color: #FFFFFF;}

.tab-cont{padding: 0 ;}

.zp-xxy{display: none;min-height: 400px;padding-bottom: 60px;padding-top: 40px;}

.person-xx{}

.person-xx li{position:relative;width: 47%;margin-right: 6%;float: left;font-size: 14px;color: #c4c4c4;margin-bottom: 15px;}

.person-xx li.padr-li{padding-right: 100px;}

.xj-inp{width: 100%;height: 46px;line-height: 46px;border: 1px solid #ccc;padding: 0 10px;}

.sex-span{position: absolute;line-height: 46px;right: 0;text-autospace: 0;}

.sex-span label{margin: 0 10px 0 0;}

.sex-span label input{margin: 0 5px 0 0;}

.my-sel-pro-tit{font-size: 18px;color: #595959;margin-bottom: 32px;}

.xj-texa{font-size:14px;height: 240px;width: 100%;border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;}

.yzm{width: 85px;height: 46px;position: absolute;right: 0;top: 0;display: block;}

.yzm img{width: 100%;height: 100%;}

.btn-tj{background: #3156A3;height: 46px;width: 140px;line-height: 46px;color: #FFFFFF;font-size: 14px;display: block;margin: 5px auto 25px auto;}

.policy-ul{width: 100%;padding-bottom: 60px;}

.policy-ul li{width: 100%;height: 322px;transition: all .5s ease;}

.policy-ul .picbox{width:50%;float: left;height: 100%;}

.policy-ul .picbox img{width: 100%;height: 100%;transform: scale(1.0);transition: all .5s ease;}

.policy-ul li:hover .picbox img{transform: scale(1.2);transition: all .5s ease;}

.policy-ul li:hover{background: #d6dfeb;transition: all .5s ease;}

.policy-tit{color: #3156a3;font-size: 18px;margin-bottom: 40px;}


.policy-ul .policy-tex{width: 50%;float: left;height: 100%;padding: 60px 45px 58px 45px;}

.policy-ul .policy-tex:after{}

.policy-ul .policy-con{width: 100%;font-size: 14px;line-height: 32px;height: 64px;overflow: hidden;}

.policy-ul .policy-tex:after{display: block;content:'';width: 30px;height: 7px;background: url(../images/icon_ar02.png) no-repeat center center;margin-top: 30px;}

.area-div{margin-top: -30px;}

.area-div>p{font-size: 14px;color: #666;line-height: 32px;}

.area-list dl{width: 48%;margin-right: 4%;float: left;}

.area-list dl dt{font-size: 16px;color: #000;font-weight: bold;border-bottom: 1px solid #eeeeee;}

.area-list dl dt span{color: #3156A3;font-size: 32px;font-family: Georgia;font-style: italic;}

.area-list dl dd{font-size: 14pxs;color: #666666;line-height: 32px;padding: 10px 0 40px 0;}

.jt-right{font-size: 14px;line-height: 32px;color: #666666;float: right;width: 50%;}

.jt-left{float: left;width: 48%;}

.jt-left p{font-size: 14px;color: #3156a3;text-align: center;line-height: 48px;}

.jt-left img{width: 100%;}

.jt-div{font-size: 14px;line-height: 32px;color: #000000;}

.jt-centerbox{border-top: 1px solid #EEEEEE;margin-top: 15px;padding: 30px 0;}

.edit-box{}

.editpic-ul{padding: 20px 0 40px 0;}

.editpic-ul li{width: 23%;margin: 15px 1%;float: left;}

.editpic-ul li img{width: 210px;height:153px;}

.video_ul{width: 100%;}

.video_img{position: relative;width: 100%;overflow: hidden;}

.video_img img{width: 100%;height:168px;transition: all .5s ease;transform: scale(1.0);}

.video_ul{margin-bottom: 30px;}

.video_ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 35px;text-align: center;font-size: 16px;color: #000;line-height: 35px;}

.video_img i{display:block;width: 66px;height: 66px;opacity: 0;filter: alpha(opacity=0);transition: all .5s ease;background: url(../images/icon_play.png) no-repeat center center;position: absolute;top: 50%;left: 50%;margin-top: -33px;margin-left: -33px;z-index: 2;}

.video_ul li:hover .video_img img{transition: all .5s ease;transform: scale(1.1);}

.posi-v{position: absolute;top: 0;left: 0;width:100%;height:100%;opacity: 0;filter: alpha(opacity=0);transition: all .5s ease;background: #000000;z-index: 1;}

.video_ul li:hover .posi-v{opacity: 0.6;filter: alpha(opacity=60);transition: all .5s ease;}

.video_ul li:hover .video_img i{opacity: 1;filter: alpha(opacity=100);transition: all .5s ease;}

.map-div{width: 100%;height: 350px;}

.contact-ul{padding-bottom: 90px;}

.contact-ul li{padding: 20px 0;border-bottom: 1px solid #EEEEEE;color: #666;line-height: 26px;}

.Message{width: 56%;margin: 0 auto 110px auto;}

.Message input[type=text]{vertical-align: middle; border: 1px solid #dedede;width: 100%;height: 40px;line-height: 40px;margin-top: 20px;padding:0 10px;}

.Message textarea{height: 240px;width: 100%;border: 1px solid #dedede;padding:10px;}

.yzm-div{margin-top:20px;padding-right: 125px;height: 40px;position: relative;}

.yzm-img{width: 120px;height: 40px;vertical-align: middle;position: absolute;right: 0;top: 0;}

.yzm-div input[type=text]{margin-top: 0;}

.yzm-img img{width: 100%;height: 100%;}

.Message input[type=submit]{width: 300px;display:block;margin:30px auto;background:#3156A3;font-size:14px;color:#FFFFFF;height: 42px;line-height: 42px;}

.post-list{width: 100%;padding-bottom: 90px;}

.post-list li a{display: block;position: relative;height: 58px;line-height: 58px;color: #666666;background: #f2f2f2;padding: 0 18px;margin-bottom: 10px;}

.post-list li span{position: absolute;top: 0;right: 18px;}

.post-list li:hover a{color: #FFFFFF;background: #3156A3;}

.post-list li a{}

.post-tit{position: relative;border-bottom: 1px solid #EEEEEE;font-size: 18px;padding-bottom: 10px;margin-top: -8px;}

.post-tit a{display: block;position: absolute;right: 0;top:0;padding-left: 20px;background: url(../images/icon_edit.png) no-repeat left center;font-size: 14px;color: #999;}

.post-con{font-size: 12px;color: #999;line-height: 26px;padding: 30px 0 230px 0;}


.news-ul{margin-bottom: 75px;}

.news-ul li{border-bottom:1px solid #e5e5e5;position:relative;height: 186px;padding: 30px 100px 30px 343px;}

.news-ul li:hover .pic-news img{vertical-align: middle;transform: scale(1.2);transition: all .5s ease;}

.news-ul li a{display: block;width: 100%;height: 100%;}

.news-ul li:hover .news-tit{color: #3156A3;}

.pic-news{width: 303px;height: 126px;overflow: hidden;position: absolute;top: 30px;left: 0;}

.pic-news img{width: 100%;margin-right: 10px;transform: scale(1.0);transition: all .5s ease;}

.news-times img{}

.news-tit{font-size: 18px;color: #666;}

.news-times{margin-bottom: 14px;color: #666;margin-top: 5px;color: #666;}

.news-con{color: #999;line-height: 24px;font-size: 13px;padding-right: 164px;height: 48px;overflow: hidden;}

.news-item{width: 100%;position: relative;}

.news_xxy_head{text-align: center;color: #666666;padding: 0px 0 15px 0;border-bottom: 1px solid #EEEEEE;}

.news_tit01{font-size: 18px;line-height: 48px;}

.news-xxy-cont{line-height: 28px;font-size: 14px;color: #666;padding: 20px 0 90px 0;min-height: 500px;}

/*动画效果*/

.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-up-delay{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-up-delay02{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.fadeInUp_delay{visibility: visible;animation: fadeInUp_delay ease-out 1.5s forwards;-webkit-animation: fadeInUp_delay ease-out 1.5s forwards;-moz-animation: fadeInUp_delay ease-out 1.5s forwards;}

.fadeInUp_delay02{visibility: visible;animation: fadeInUp_delay02 ease-out 1.1s forwards;-webkit-animation: fadeInUp_delay02 ease-out 1.1s forwards;-moz-animation: fadeInUp_delay02 ease-out 1.1s forwards;}

.fadeInUp{visibility: visible;animation: fadeInUp ease-out .8s forwards;-webkit-animation: fadeInUp ease-out .8s forwards;-moz-animation: fadeInUp ease-out .8s forwards;}

.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.faderight {visibility: visible;animation: faderight ease-out .8s forwards;-webkit-animation: faderight ease-out .8s forwards;-moz-animation: faderight ease-out .8s forwards;}

.faderleft {visibility: visible;animation: faderleft ease-out .8s forwards;-webkit-animation: faderleft ease-out .8s forwards;-moz-animation: faderleft ease-out .8s forwards;}





.head-ser-icon{float: left;cursor:pointer;width: 50px;height: 22px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;background: url(../images/icon_search.png) no-repeat center center;}

.head-lang{float: left;width: 50px;height: 22px;text-align:center;color: #666;font-size: 14px;border-right: 1px solid #dcdcdc;display: block;}

.head-lang a{}

.head-ser{position: absolute;right: 0;top: 100%;}

.other-div{position:relative;float: right;margin-top: 30px;margin-left: 23px;}

.head-ser{display:none;position:absolute;top:52px;width: 260px;height: 50px;background: url(../images/tm23.png);}

.head-ser-inp{position:absolute;left:10px;top:10px;width: 190px;line-height:30px;height: 30px;border: 1px solid #028edc;background: #FFFFFF;padding: 0 5px;}

.head-ser-btn{position:absolute;height:32px;line-height:32px;width: 40px;right: 10px;top:10px;background: #028EDC;color: #FFFFFF;}



.index-product{ width:100%; background:#f8f8f8; padding:20px 0}
.product-title{
    font-size: 50px;
    text-align: center;
    padding-bottom: 35px;
    color: #00BCD4;
    font-family: 隶书;
}
.logo-index{}
.logo-index li{ float:left; padding-left:140px;}
.logo-index li p{text-align:center;height: 50px;line-height: 50px;font-size: 20px;font-family: 宋体;}
.logo-index li img{transition:all 1s;width: 120px;}
.logo-index li img:hover{ transform:rotateZ(360deg);}

/*动画效果*/

@keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;


		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);


	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}





@keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}



@keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}


}

@-moz-keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}





@keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);

	}

	100% {

		opacity: 1;


		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);


	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@media (max-width: 1024px) {

	.main_b{width: 100%;padding:0 2%;}

	.main_c{width: 100%;}

	header{height: 95px;}

	.nav{display: block;}

	.lang-div{right: 60px;position: absolute;line-height: 60px;width: 30px;}

	.menu{display:none;width: 100%;float: none;position: absolute;top: 95px;background: #FFFFFF;border-top: 2px solid #3156A3;z-index:999;}

	.menu li{height: 35px;line-height: 35px;width: 100%;border-bottom: 1px solid #ccc;padding: 0 60px;font-size: 17px;z-index:999;}
	
        .menu li a{width:auto;line-height:  5px;}
		.menu li a:hover{ background:#fff;}

	.title{ display:none;}

	.logo img{width: 120px;height: auto;margin-left: 10px;margin-top: 5px;}

	.about-box{width: 100%;height: auto;}

	.show-box{width: 100%;height: auto;margin-left: 0;background: #FFFFFF;padding: 12px 15px;margin-top: 10px;}

	.show-box.show-box02{width: 100%;}

	.show-box:hover img{transform: scale(1.0);width: 100%;}

	.yq_link{display: none;}

	.share{display: none;}

	.foot-tex{margin-top: 5px;}

	.index-about{padding-top: 20px;}

	.txtScroll-head{width: 90px;background: url(../images/icon_sound.png) no-repeat 5px center;padding-left: 24px;}

	.txtScroll-top{padding-left: 90px;}

	.case-tex:after{left: 0;}

	.case-tex:before{top: 13px;width: 3px;}

	.case-tex{padding: 10px 0 10px 10px;}

	.head{padding: 20px 0;}

	.c-head{font-size: 15px;line-height: 30px;width:  100%;}

	.head .xxy-head{font-size: 14px;}

	.case-ul{margin-bottom: 70px;}

	.case-xxy{padding-bottom: 50px;}

	.left_bar_in{width: 100%;}

	.right-all{width: 100%;}

	.product-ul li{margin: 5px 5px;width: 45%;height: 200px;}

	.left_bar_ul_in{display: none;position: absolute;}

	.left_bar_top{margin-bottom: 15px;width:  100%;}

	.ph_bar_head{display:none;}

	.policy-ul li{height: auto;}

	.policy-ul .policy-tex{width: 50%;float: left;height: 100%;padding: 30px 15px;}

	.policy-tit{margin-bottom: 10px;}

	.area-div{margin-top: 0;}

	.area-list dl:nth-child(2n){margin-right: 0;}

	.map-div{height: 200px;}

	.post-tit{font-size: 14px;margin-top: 0;}

	.float{display: none;}
	.prologo{ display:none;}
}





@media (max-width: 768px) {

.case-ul li{width: 46%;margin: 10px 2%;}

.case-xxy img{width: 100%;}

.zp-xxy img{width: 100%;}

.zp-atab a{padding: 10px 20px;}

.policy-ul .picbox{width: 100%;}

.policy-ul .policy-tex{width: 100%;}

.area-list dl{width: 100%;margin-right: 0;}

.jt-div img{width: 100%;}

.jt-left,.jt-right{width: 100%;}

.editpic-ul li{width: 48%;}

.video_ul li{width: 46%;margin: 10px 2%;}

.Message{width: 96%;}

.yzm-div{margin-top: 10px;}

.Message input[type=text]{margin-top: 10px;}

.yzm-div input[type=text]{margin-top: 0;}

.news-ul li{height: auto;padding: 10px 0;}

.pic-news{position: relative;top: 0;}

.news-tit{font-size: 14px;margin-top: 10px;}

.news-times{margin-bottom: 5px;}

.news_tit01{font-size: 14px;line-height: 24px;}

.other-div{ margin-top:20px;margin-right:50px;}

.foot-c img{width: 65px;}

}

.fenye{ width:500px; margin:0 auto;}
.prologo{
    position:  absolute;
    margin-left: 15px;
    margin-top: -260px;
    opacity: 0.9;
    display:  none;
}
.prologo img{width: 90px;height:auto;position: absolute;}
FFF;box-shadow: 0 0 3px #efefef;width: 420px;float: left;padding: 10px 20px;}

.about-box-head{font-size: 14px;color: #3156a3;font-weight: bold;border-bottom: 2px solid #dadada;line-height: 30px;height: 30px;}

.about-box-head span.more i{display:inline-block;vertical-align:middle;color: #fff;background: url(../images/icon_add.png) no-repeat center center;width: 18px;height: 18px;}

.about-box-head span.more{font-family: "宋体";color: #3156A3;font-weight: normal;font-size: 12px;float: right;display: block;}

.about-box-head span.span-l{height:30px;padding-left: 24px;background: url(../images/icon_earth.png) no-repeat left center ;display: block;float: left;padding-right: 20px;border-bottom: 2px solid #3156A3;}

.about-box-con{line-height: 24px;font-size: 12px;color: #666;font-family: "宋体";height: 120px;margin-top: 12px;overflow: hidden;text-indent: 24px;}

.show-box{position:relative;width: 260px;height:190px;float: left;margin-left: 24px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.show-box a:hover .posi{ opacity:0.3}

.posi{position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;background: url(../images/tm50.png); width: 100%;color: #fff;text-align: center;}

.show-box img{width: 100%;transform: scale(1.0);transition: all .5s ease;border-radius: 30px;}

.show-box:hover img{transform: scale(1.2);transition: all .5s ease;}

.show-box.show-box02{float: right;width: 260px;}

.show-box-in{position: relative;display: block;width: 100%;height: 100%;}

.nav{display: none;cursor:pointer;padding-left:10px;padding-top:10px;position:absolute;width: 40px;height: 40px;top: 25px;right: 30px;text-align:center;background: #0084b5;border-radius: 6px;}

.nav span { display: block; margin: 6px 0;width: 20px; height: 2px; background: #FFFFFF; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.nav.active span:nth-child(1) {background: #FFFFFF; transform-origin: top left; -webkit-transform-origin: top left; transform: translate3d(5px, -3px, 0) rotate(45deg); -webkit-transform: translate3d(5px,-3px, 0) rotate(45deg);transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  }

.nav.active span:nth-child(2) { background: #FFFFFF;transform-origin: bottom left; -webkit-transform-origin: bottom left; transform: translate3d(5px, 3px, 0) rotate(45deg); -webkit-transform: translate3d(5px, 3px, 0) rotate(-45deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.nav.active{background: #aaa;}

.text-over{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

footer{background: #3156A3;color: #FFFFFF;padding: 17px 0;}

.foot-a{float: left;font-size:14px;width: 80%;margin:0 auto;padding-top: 20px;}

.foot-a a{color: #FFFFFF;margin: 0 10px;}

.foot-b{float:left;width: 80%;margin-top: 10px;}

.foot-b span{ font-size:14px; color:#FFF; margin-left:10px; margin-right:10px}

.foot-b span a{ color:#FFF; font-size:14px;}

.foot-c{
    width: 19%;
    float: right;
    position: relative;
    margin-top: -38px;
}

.foot-c img{
    width: 50%;
}

.input-span {color: #333;height: 30px;line-height: 30px;width: 175px;background:#FFFFFF url(../images/icon_down.png) no-repeat 162px center;text-align: center;padding-right: 10px;}

.foot_text_r{position:relative;width: 175px;height: 20px;line-height:20px;display: inline-block;z-index: 12px;}

.sub{width: 175px;position: absolute;bottom: 20px;left: 0;display: none;}

.sub ul {margin: 0;padding: 0;list-style: none;border-bottom: none;background: #F5F5F5;}

.sub ul li a{color: #333;line-height:26px;height: 26px;display: block;padding-left: 15px;}

.sub ul li:hover a{	line-height: 26px;height: 26px;background: #0574D0;color: #FFFFFF;}

.yq_link{float:left;display: block;position: relative;z-index: 10;margin-top: -3px;}

.input-span.on{background:#FFFFFF url(../images/icon_top.png) no-repeat 162px center;}

.index-pic img{width: 100%;}

.case-div{width: 100%;}

.head{text-align: center;padding: 55px 0;}

.c-head{font-size: 24px;color: #070707;line-height: 40px;width: 60%;/* text-align: center; */margin: 0 auto;}

.sub-head{font-size: 12px;color: #c7c7c7;text-transform: uppercase;}

.head .xxy-head{font-size: 18px;color: #666666;}

.case-xxy{border-top: 1px solid #eeeeee;font-size: 14px;color: #999999;line-height: 28px;padding: 20px 0 95px 0;min-height: 500px;}

.picbox{overflow: hidden;}

.picbox img{width: 100%;transform: scale(1.0);transition: all .5s ease;/* border:solid 1px #eeeeee; */}

.case-ul{margin-bottom: 10px;}

.case-ul li{width: 32%;margin-right: 2%;margin-bottom: 28px;overflow: hidden;float: left;}

.case-ul li:hover .picbox img,.product-ul li:hover .picbox img{transform: scale(1.2);transition: all .5s ease;}

.case-tex{position: relative;padding: 26px 0 24px 13px;font-size: 14px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.case-tex:before{display: block;content: " ";height: 15px;width: 5px;background: #3156A3;position: absolute;left: 0;top: 26px;}

.case-tex:after{display: block;content: " ";height: 1px;width: 100%;background: #3156A3;width: 100%;position: absolute;bottom: 0;left: -100%;transition: all .5s ease;}

.case-ul li:hover .case-tex:after{left: 0;transition: all .5s ease;}

.case-ul li:hover .case-tex{color: #3156A3;}



.ph_bar_head{display:none;width: 100%;padding:  10px;font-size: 14px;color: #FFFFFF;background: #3156A3;}

.left_bar_in{width: 180px;position: relative;z-index: 10;}

.left_bar_top{border-bottom: 1px solid #eeeeee;padding: 10px 0 5px 0;margin-bottom: 5px;}

.left_bar_ul_in{width: 100%;float: left;background: #0099cb;margin-top: 30px;}

.left_bar_ul_in li{font-size: 12px;/* margin-bottom: 10px; */}

.left_bar_ul_in li>a{border-bottom: 1px solid #e5e5e5;padding-left: 15px;display: block;height: 45px;line-height: 45px;color: #ffffff;font-size: 14px;/* box-shadow: -7px 1px 1px 1px #f8f8f8; */}

.left_bar_ul_in li>a:hover{background: url(../images/icon_line.jpg) no-repeat left center;}

.left_bar_ul_in li > a.active{background: url(../images/icon_line.jpg) no-repeat left center; }

.zi_bar_in{display: none;border-bottom: 1px solid #e5e5e5;}

.zi_bar_in a{height: 35px;line-height: 35px;padding-left: 30px;display: block;color: #666;font-size: 12px;background: url(../images/icon_sj03.png) no-repeat 35px center;}

.zi_bar_in a.active{color: #3156A3;}

.zi_bar_in a:hover{color: #3156A3;}

.right-all{width: 918px;float: right;margin-top: 15px;font-size: 15px;margin-bottom: 15px;}

.right-all p{
    font-size: 13px;
    line-height: 30px;
}

.product-ul{width: 100%;}

.product-ul li{width: 30%;margin-right: 3%;float: left;border: 2px solid #00bcd4;margin-top: 20px;height: 290px;box-shadow: 5px 5px 5px 1px #f8f8f8;}

.product-tex{padding: 15px 0 0 0;transition: all .5s ease;}

.product-tex .tex01{font-size: 14px;color: #317ac2;line-height: 24px;text-align:  center;}

.product-tex .tex02{font-size: 12px;color: #999;}





.alignC{text-align: center;}

.product-xxy-left{float: left;width: 50%;}

.product-xxy-left img{width: 100%;}

.product-xxy-right{float: right;width: 48%;}

.pro-con{color: #999;line-height: 26px;font-size: 12px;}

.pro-tit{color: #666;font-size: 18px;margin-bottom: 5px;}

.zp-div{margin-top: 20px;}

.zp-tit {border-top: 1px solid #CCCCCC;}

.zp-tit span{color: #ec8b49;border-top: 2px solid #ec8b49;font-size: 16px;display: inline-block;padding-top: 10px;}

.zp-atab{margin-top: 25px;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}

.zp-atab a{display: block;background:#fff;float: left;padding:15px 40px;font-size: 12px;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}

.zp-atab a.on{background: #3156A3;color: #FFFFFF;}

.tab-cont{padding: 0 ;}

.zp-xxy{display: none;min-height: 400px;padding-bottom: 60px;padding-top: 40px;}

.person-xx{}

.person-xx li{position:relative;width: 47%;margin-right: 6%;float: left;font-size: 14px;color: #c4c4c4;margin-bottom: 15px;}

.person-xx li.padr-li{padding-right: 100px;}

.xj-inp{width: 100%;height: 46px;line-height: 46px;border: 1px solid #ccc;padding: 0 10px;}

.sex-span{position: absolute;line-height: 46px;right: 0;text-autospace: 0;}

.sex-span label{margin: 0 10px 0 0;}

.sex-span label input{margin: 0 5px 0 0;}

.my-sel-pro-tit{font-size: 18px;color: #595959;margin-bottom: 32px;}

.xj-texa{font-size:14px;height: 240px;width: 100%;border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;}

.yzm{width: 85px;height: 46px;position: absolute;right: 0;top: 0;display: block;}

.yzm img{width: 100%;height: 100%;}

.btn-tj{background: #3156A3;height: 46px;width: 140px;line-height: 46px;color: #FFFFFF;font-size: 14px;display: block;margin: 5px auto 25px auto;}

.policy-ul{width: 100%;padding-bottom: 60px;}

.policy-ul li{width: 100%;height: 322px;transition: all .5s ease;}

.policy-ul .picbox{width:50%;float: left;height: 100%;}

.policy-ul .picbox img{width: 100%;height: 100%;transform: scale(1.0);transition: all .5s ease;}

.policy-ul li:hover .picbox img{transform: scale(1.2);transition: all .5s ease;}

.policy-ul li:hover{background: #d6dfeb;transition: all .5s ease;}

.policy-tit{color: #3156a3;font-size: 18px;margin-bottom: 40px;}


.policy-ul .policy-tex{width: 50%;float: left;height: 100%;padding: 60px 45px 58px 45px;}

.policy-ul .policy-tex:after{}

.policy-ul .policy-con{width: 100%;font-size: 14px;line-height: 32px;height: 64px;overflow: hidden;}

.policy-ul .policy-tex:after{display: block;content:'';width: 30px;height: 7px;background: url(../images/icon_ar02.png) no-repeat center center;margin-top: 30px;}

.area-div{margin-top: -30px;}

.area-div>p{font-size: 14px;color: #666;line-height: 32px;}

.area-list dl{width: 48%;margin-right: 4%;float: left;}

.area-list dl dt{font-size: 16px;color: #000;font-weight: bold;border-bottom: 1px solid #eeeeee;}

.area-list dl dt span{color: #3156A3;font-size: 32px;font-family: Georgia;font-style: italic;}

.area-list dl dd{font-size: 14pxs;color: #666666;line-height: 32px;padding: 10px 0 40px 0;}

.jt-right{font-size: 14px;line-height: 32px;color: #666666;float: right;width: 50%;}

.jt-left{float: left;width: 48%;}

.jt-left p{font-size: 14px;color: #3156a3;text-align: center;line-height: 48px;}

.jt-left img{width: 100%;}

.jt-div{font-size: 14px;line-height: 32px;color: #000000;}

.jt-centerbox{border-top: 1px solid #EEEEEE;margin-top: 15px;padding: 30px 0;}

.edit-box{}

.editpic-ul{padding: 20px 0 40px 0;}

.editpic-ul li{width: 23%;margin: 15px 1%;float: left;}

.editpic-ul li img{width: 210px;height:153px;}

.video_ul{width: 100%;}

.video_img{position: relative;width: 100%;overflow: hidden;}

.video_img img{width: 100%;height:168px;transition: all .5s ease;transform: scale(1.0);}

.video_ul{margin-bottom: 30px;}

.video_ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 35px;text-align: center;font-size: 16px;color: #000;line-height: 35px;}

.video_img i{display:block;width: 66px;height: 66px;opacity: 0;filter: alpha(opacity=0);transition: all .5s ease;background: url(../images/icon_play.png) no-repeat center center;position: absolute;top: 50%;left: 50%;margin-top: -33px;margin-left: -33px;z-index: 2;}

.video_ul li:hover .video_img img{transition: all .5s ease;transform: scale(1.1);}

.posi-v{position: absolute;top: 0;left: 0;width:100%;height:100%;opacity: 0;filter: alpha(opacity=0);transition: all .5s ease;background: #000000;z-index: 1;}

.video_ul li:hover .posi-v{opacity: 0.6;filter: alpha(opacity=60);transition: all .5s ease;}

.video_ul li:hover .video_img i{opacity: 1;filter: alpha(opacity=100);transition: all .5s ease;}

.map-div{width: 100%;height: 350px;}

.contact-ul{padding-bottom: 90px;}

.contact-ul li{padding: 20px 0;border-bottom: 1px solid #EEEEEE;color: #666;line-height: 26px;}

.Message{width: 56%;margin: 0 auto 110px auto;}

.Message input[type=text]{vertical-align: middle; border: 1px solid #dedede;width: 100%;height: 40px;line-height: 40px;margin-top: 20px;padding:0 10px;}

.Message textarea{height: 240px;width: 100%;border: 1px solid #dedede;padding:10px;}

.yzm-div{margin-top:20px;padding-right: 125px;height: 40px;position: relative;}

.yzm-img{width: 120px;height: 40px;vertical-align: middle;position: absolute;right: 0;top: 0;}

.yzm-div input[type=text]{margin-top: 0;}

.yzm-img img{width: 100%;height: 100%;}

.Message input[type=submit]{width: 300px;display:block;margin:30px auto;background:#3156A3;font-size:14px;color:#FFFFFF;height: 42px;line-height: 42px;}

.post-list{width: 100%;padding-bottom: 90px;}

.post-list li a{display: block;position: relative;height: 58px;line-height: 58px;color: #666666;background: #f2f2f2;padding: 0 18px;margin-bottom: 10px;}

.post-list li span{position: absolute;top: 0;right: 18px;}

.post-list li:hover a{color: #FFFFFF;background: #3156A3;}

.post-list li a{}

.post-tit{position: relative;border-bottom: 1px solid #EEEEEE;font-size: 18px;padding-bottom: 10px;margin-top: -8px;}

.post-tit a{display: block;position: absolute;right: 0;top:0;padding-left: 20px;background: url(../images/icon_edit.png) no-repeat left center;font-size: 14px;color: #999;}

.post-con{font-size: 12px;color: #999;line-height: 26px;padding: 30px 0 230px 0;}


.news-ul{margin-bottom: 75px;}

.news-ul li{border-bottom:1px solid #e5e5e5;position:relative;height: 186px;padding: 30px 100px 30px 343px;}

.news-ul li:hover .pic-news img{vertical-align: middle;transform: scale(1.2);transition: all .5s ease;}

.news-ul li a{display: block;width: 100%;height: 100%;}

.news-ul li:hover .news-tit{color: #3156A3;}

.pic-news{width: 303px;height: 126px;overflow: hidden;position: absolute;top: 30px;left: 0;}

.pic-news img{width: 100%;margin-right: 10px;transform: scale(1.0);transition: all .5s ease;}

.news-times img{}

.news-tit{font-size: 18px;color: #666;}

.news-times{margin-bottom: 14px;color: #666;margin-top: 5px;color: #666;}

.news-con{color: #999;line-height: 24px;font-size: 13px;padding-right: 164px;height: 48px;overflow: hidden;}

.news-item{width: 100%;position: relative;}

.news_xxy_head{text-align: center;color: #666666;padding: 0px 0 15px 0;border-bottom: 1px solid #EEEEEE;}

.news_tit01{font-size: 18px;line-height: 48px;}

.news-xxy-cont{line-height: 28px;font-size: 14px;color: #666;padding: 20px 0 90px 0;min-height: 500px;}

/*动画效果*/

.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-up-delay{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-up-delay02{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.fadeInUp_delay{visibility: visible;animation: fadeInUp_delay ease-out 1.5s forwards;-webkit-animation: fadeInUp_delay ease-out 1.5s forwards;-moz-animation: fadeInUp_delay ease-out 1.5s forwards;}

.fadeInUp_delay02{visibility: visible;animation: fadeInUp_delay02 ease-out 1.1s forwards;-webkit-animation: fadeInUp_delay02 ease-out 1.1s forwards;-moz-animation: fadeInUp_delay02 ease-out 1.1s forwards;}

.fadeInUp{visibility: visible;animation: fadeInUp ease-out .8s forwards;-webkit-animation: fadeInUp ease-out .8s forwards;-moz-animation: fadeInUp ease-out .8s forwards;}

.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}

.faderight {visibility: visible;animation: faderight ease-out .8s forwards;-webkit-animation: faderight ease-out .8s forwards;-moz-animation: faderight ease-out .8s forwards;}

.faderleft {visibility: visible;animation: faderleft ease-out .8s forwards;-webkit-animation: faderleft ease-out .8s forwards;-moz-animation: faderleft ease-out .8s forwards;}





.head-ser-icon{float: left;cursor:pointer;width: 50px;height: 22px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;background: url(../images/icon_search.png) no-repeat center center;}

.head-lang{float: left;width: 50px;height: 22px;text-align:center;color: #666;font-size: 14px;border-right: 1px solid #dcdcdc;display: block;}

.head-lang a{}

.head-ser{position: absolute;right: 0;top: 100%;}

.other-div{position:relative;float: right;margin-top: 30px;margin-left: 23px;}

.head-ser{display:none;position:absolute;top:52px;width: 260px;height: 50px;background: url(../images/tm23.png);}

.head-ser-inp{position:absolute;left:10px;top:10px;width: 190px;line-height:30px;height: 30px;border: 1px solid #028edc;background: #FFFFFF;padding: 0 5px;}

.head-ser-btn{position:absolute;height:32px;line-height:32px;width: 40px;right: 10px;top:10px;background: #028EDC;color: #FFFFFF;}



.index-product{ width:100%; background:#f8f8f8; padding:20px 0}
.product-title{
    font-size: 50px;
    text-align: center;
    padding-bottom: 35px;
    color: #00BCD4;
    font-family: 隶书;
}
.logo-index{}
.logo-index li{ float:left; padding-left:140px;}
.logo-index li p{text-align:center;height: 50px;line-height: 50px;font-size: 20px;font-family: 宋体;}
.logo-index li img{transition:all 1s;width: 120px;}
.logo-index li img:hover{ transform:rotateZ(360deg);}

/*动画效果*/

@keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;


		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);


	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}





@keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp_delay {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}



@keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes fadeInUp_delay02 {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		transform: translate3d(0, 100%, 0);

		-webkit-transform: translate3d(0, 100%, 0);

		-moz-transform: translate3d(0, 100%, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

	}

}

@keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}


}

@-moz-keyframes faderight {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}





@keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);

	}

	100% {

		opacity: 1;


		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-webkit-keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);


	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@-moz-keyframes faderleft {

	0% {

		opacity: 0;

		-webkit-opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

		-moz-transform: translate3d(100%, 0, 0);

	}

	100% {

		opacity: 1;

		-webkit-opacity: 1;

		-webkit-transform: none;

		transform: none;

		-moz-transform: none;

	}

}

@media (max-width: 1024px) {

	.main_b{width: 100%;padding:0 2%;}

	.main_c{width: 100%;}

	header{height: 95px;}

	.nav{display: block;}

	.lang-div{right: 60px;position: absolute;line-height: 60px;width: 30px;}

	.menu{display:none;width: 100%;float: none;position: absolute;top: 95px;background: #FFFFFF;border-top: 2px solid #3156A3;z-index:999;}

	.menu li{height: 35px;line-height: 35px;width: 100%;border-bottom: 1px solid #ccc;padding: 0 60px;font-size: 17px;z-index:999;}
	
        .menu li a{width:auto;line-height:  5px;}
		.menu li a:hover{ background:#fff;}

	.title{ display:none;}

	.logo img{width: 120px;height: auto;margin-left: 10px;margin-top: 5px;}

	.about-box{width: 100%;height: auto;}

	.show-box{width: 100%;height: auto;margin-left: 0;background: #FFFFFF;padding: 12px 15px;margin-top: 10px;}

	.show-box.show-box02{width: 100%;}

	.show-box:hover img{transform: scale(1.0);width: 100%;}

	.yq_link{display: none;}

	.share{display: none;}

	.foot-tex{margin-top: 5px;}

	.index-about{padding-top: 20px;}

	.txtScroll-head{width: 90px;background: url(../images/icon_sound.png) no-repeat 5px center;padding-left: 24px;}

	.txtScroll-top{padding-left: 90px;}

	.case-tex:after{left: 0;}

	.case-tex:before{top: 13px;width: 3px;}

	.case-tex{padding: 10px 0 10px 10px;}

	.head{padding: 20px 0;}

	.c-head{font-size: 15px;line-height: 30px;width:  100%;}

	.head .xxy-head{font-size: 14px;}

	.case-ul{margin-bottom: 70px;}

	.case-xxy{padding-bottom: 50px;}

	.left_bar_in{width: 100%;}

	.right-all{width: 100%;}

	.product-ul li{margin: 5px 5px;width: 45%;height: 200px;}

	.left_bar_ul_in{display: none;position: absolute;}

	.left_bar_top{margin-bottom: 15px;width:  100%;}

	.ph_bar_head{display:none;}

	.policy-ul li{height: auto;}

	.policy-ul .policy-tex{width: 50%;float: left;height: 100%;padding: 30px 15px;}

	.policy-tit{margin-bottom: 10px;}

	.area-div{margin-top: 0;}

	.area-list dl:nth-child(2n){margin-right: 0;}

	.map-div{height: 200px;}

	.post-tit{font-size: 14px;margin-top: 0;}

	.float{display: none;}
	.prologo{ display:none;}
}





@media (max-width: 768px) {

.case-ul li{width: 46%;margin: 10px 2%;}

.case-xxy img{width: 100%;}

.zp-xxy img{width: 100%;}

.zp-atab a{padding: 10px 20px;}

.policy-ul .picbox{width: 100%;}

.policy-ul .policy-tex{width: 100%;}

.area-list dl{width: 100%;margin-right: 0;}

.jt-div img{width: 100%;}

.jt-left,.jt-right{width: 100%;}

.editpic-ul li{width: 48%;}

.video_ul li{width: 46%;margin: 10px 2%;}

.Message{width: 96%;}

.yzm-div{margin-top: 10px;}

.Message input[type=text]{margin-top: 10px;}

.yzm-div input[type=text]{margin-top: 0;}

.news-ul li{height: auto;padding: 10px 0;}

.pic-news{position: relative;top: 0;}

.news-tit{font-size: 14px;margin-top: 10px;}

.news-times{margin-bottom: 5px;}

.news_tit01{font-size: 14px;line-height: 24px;}

.other-div{ margin-top:20px;margin-right:50px;}

.foot-c img{width: 65px;}

}

.fenye{ width:500px; margin:0 auto;}
.prologo{
    position:  absolute;
    margin-left: 15px;
    margin-top: -260px;
    opacity: 0.9;
    display:  none;
}
.prologo img{width: 90px;height:auto;position: absolute;}